<html>

<head>
    <style>
        .ficha_status {
            padding: 0px;
            margin: 0px;
        }
        .status_icon {
            display: table-cell;
            width: 22px;
            height: 22px;
        /*    border-radius: 2px;
            border-top-left-radius: 1px;
            border-bottom-left-radius: 1px;*/
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border: solid 1px;
            padding: 0px;
            margin: -2px;
            font-family: Helvetica, Arial;
            font-size: 1em;
            vertical-align: middle;
            text-align: center;
        }
        .icon_gray {
            background-color: rgb(200, 200, 200);
            border-color: rgb(128, 128, 128);
        }
        .icon_red {
            background-color: rgb(255, 0, 0);
            border-color: rgb(128, 0, 0);
        }
        .icon_yellow {
            background-color: rgb(255, 255, 0);
            border-color: rgb(128, 128, 0);
        }
        .icon_green {
            background-color: rgb(0, 255, 0);
            border-color: rgb(0, 128, 0);
        }
    </style>
</head>

<body>

    <div style="position: absolute; left: 200px; top: 200px">

        <div id="status_1" class="ficha_status">
            <div class="status_icon icon_green">R</div>
            <div class="status_icon icon_green">P</div>
            <div class="status_icon icon_yellow">E</div>
            <div class="status_icon icon_red">F</div>
            <div class="status_icon icon_gray">C</div>
        </div>
    </div>
</body>

</html>